<div class="wrap">
  <div class="btnsGroup">
    <div class="protype" (click)="protypeBtn()">
      <span>更多查询条件</span>&nbsp;&nbsp;
      <i nz-icon [nzType]="!isShow? 'down': 'up'" nzTheme="outline"></i>
    </div>
    <!-- <div class="layerBtn">
        <nz-switch [ngModel]="isOpen" nzCheckedChildren="开" nzUnCheckedChildren="关" (ngModelChange)="clickSwitch($event)"></nz-switch>
       &nbsp;图层开关
    </div> -->
  </div>
  <!-- <div class="formContainer" [style.display]="isShow ? 'block' : 'none'"> -->
  <div class="formContainer" [style.display]="'none'">
    <form nz-form [formGroup]="validateForm" (ngSubmit)="submitForm()">
      <ng-container *ngFor="let control of listOfControl; let i = index">
        <ng-container [ngSwitch]="control.data.type">
          <!-- // 文本 -->
          <nz-form-item *ngSwitchCase="'t_text'">
            <nz-form-label [nzSm]="6" [nzXs]="24" [nzFor]="control.controlInstance">{{control.data.label}}
            </nz-form-label>
            <nz-form-control [nzXs]="24" [nzSm]="20">
              <input class="passenger-input" nz-input placeholder="{{control.data.label}}" [attr.id]="control.id"
                [formControlName]="control.controlInstance" />
            </nz-form-control>
            <!-- <i class="delIcon" nz-icon nzType="close-circle" nzTheme="outline"  (click)="removeField(control, $event)"></i> -->
          </nz-form-item>
          <!-- // 枚举 -->
          <nz-form-item *ngSwitchCase="'t_enum'">
            <nz-form-label [nzSm]="6" [nzXs]="24" [nzFor]="control.controlInstance">{{control.data.label}}
            </nz-form-label>
            <nz-form-control [nzXs]="24" [nzSm]="20">
              <nz-select [(ngModel)]="control.data.sValue" [formControlName]="control.controlInstance"
                [attr.id]="control.id" nzAllowClear>
                <nz-option *ngFor="let item of control.data.options" nzValue="{{item.val}}" nzLabel="{{item.label}}">
                </nz-option>
              </nz-select>
            </nz-form-control>
            <!-- <i class="delIcon" nz-icon nzType="close-circle" nzTheme="outline"  (click)="removeField(control, $event)"></i> -->
          </nz-form-item>
          <!-- // 时间范围 -->
          <nz-form-item *ngSwitchCase="'t_date_range'">
            <nz-form-label [nzSm]="6" [nzXs]="24" [nzFor]="control.controlInstance">{{control.data.label}}
            </nz-form-label>
            <nz-form-control [nzXs]="24" [nzSm]="20">
              <nz-range-picker [(ngModel)]="control.data.sValue" [formControlName]="control.controlInstance"
                [attr.id]="control.id"></nz-range-picker>
            </nz-form-control>
            <!-- <i class="delIcon" nz-icon nzType="close-circle" nzTheme="outline"  (click)="removeField(control, $event)"></i> -->
          </nz-form-item>
          <nz-form-item *ngSwitchCase="'t_numeric'">
            <nz-form-label [nzSm]="6" [nzXs]="24" [nzFor]="control.controlInstance">{{control.data.label}}
            </nz-form-label>
            <nz-form-control [nzXs]="24" [nzSm]="20">
              <input class="passenger-input" nz-input placeholder="{{control.data.label}}" [attr.id]="control.id"
                [formControlName]="control.controlInstance" />
            </nz-form-control>
            <!-- <i class="delIcon" nz-icon nzType="close-circle" nzTheme="outline"  (click)="removeField(control, $event)"></i> -->
          </nz-form-item>
          <!-- 数值范围 -->
          <nz-form-item *ngSwitchCase="'t_numeric_range'">
            <ng-container formGroupName="numberRange-{{control.id}}">
              <nz-form-label [nzSm]="6" [nzXs]="24">{{control.data.label}}</nz-form-label>
              <nz-form-control [nzXs]="24" [nzSm]="20">
                <div style="display: flex;">
                  <nz-input-number [nzPrecision]="precision" formControlName="minNum" [nzMin]=0></nz-input-number>
                  &nbsp;&nbsp;-&nbsp;&nbsp;
                  <nz-input-number [nzPrecision]="precision" formControlName="maxNum" [nzMin]=0></nz-input-number>
                  <!-- <input formControlName="minNum"  >-<input formControlName="maxNum"> -->
                </div>
              </nz-form-control>
            </ng-container>
            <!-- <i class="delIcon" nz-icon nzType="close-circle" nzTheme="outline"  (click)="removeField(control, $event)"></i> -->
          </nz-form-item>
        </ng-container>
      </ng-container>
    </form>
  </div>
  <nz-form-item (click)="submitForm()" style="margin-top: 10px;">
    <nz-form-control>
      <button nz-button nzType="primary" nzBlock>查询</button>
    </nz-form-control>
  </nz-form-item>
</div>